<template>
  <div>
    <van-nav-bar title="我的卡券页" left-text="" left-arrow @click-left="onClickLeft" />
    <van-tabs >
      <van-tab title="全部">
        <div class="card">
          <van-empty description="暂无优惠券" class="ve" />
        </div>
        <p class="card-p">历史记录</p>
      </van-tab>
      <van-tab title="优惠券">内容 2</van-tab>
      <van-tab title="服务券">内容 3</van-tab>
      <van-tab title="运费券">内容 4</van-tab>
    </van-tabs>

  </div>
</template>
<script setup lang="ts">
const onClickLeft = () => history.back();
</script>
<style scoped>
.card{
  width: 100%;
  height: 1000px;
  background-color: #F6F7FC;
}
.card-p{
  text-align: center;
  margin-top: 30px;
  font-size: 30px;
  font-weight: 600;
  color: #383838;
}
</style>
